<template>
  <div class="">
    <el-dialog
      title="上传"
      :visible.sync="dialogVisible"
      :closeOnClickModal="false"
      width="670px"
    >
      <el-upload
        class="upload_new"
        drag
        accept=".pdf,.docx,.doc"
        action="https://jsonplaceholder.typicode.com/posts/"
        multiple
      >
        <i class="el-icon-upload" style=" color: #427ae9;"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
      </el-upload>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {}
};
</script>
<style>
.upload_new .el-upload-dragger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 590px;
  height: 400px;
}

.upload_new {
  padding: 20px;
  text-align: left;
}
.upload_new .el-upload__tip {
  margin-top: 20px;
}
</style>
